<template>
  <div>
    <nav class="my-nav van-hairline--bottom">
    <van-row>
      <van-col span="2"><van-icon name="arrow-left" @click="$router.push('/Article')" /></van-col>
      <van-col span="18"><van-search v-model="value"  shape="round" placeholder="请输入搜索关键词" /></van-col>
      <van-col span="4"><div class='souSuo'>搜索</div></van-col>
    </van-row>
  </nav>
  </div>
</template>
<script>
export default {
  data () {
    return {
      value: ''
    }
  }
}
</script>
<style scoped lang='less'>
.van-icon-arrow-left{
    padding-left: 10px;
    padding-top: 20px;
}
.souSuo{
    padding-left: 10px;
    padding-top: 15px;
}

</style>
